<template>
  <div class="scroll_c_wrap" ref="scroll_c_wrap">
    <div class="scroll_c_content">
      <slot></slot>
    </div>
  </div>
</template>

<script>
import scroll from "better-scroll"
export default {
  data(){return{
    scroll:null
  }}
 ,mounted(){
    this.scroll= new scroll(this.$refs['scroll_c_wrap'],{
         scrollY:true
        ,click:true
        ,probeType:0
        ,pullUpLoad:false
        ,mouseWheel:true
     })
     this.$nextTick(()=>{
       setTimeout(()=>{
         this.scroll.refresh()
       },200)
     })
  }
  ,methods:{
    refresh(){
     this.$nextTick((()=>{
        this.scroll.refresh()
     }))
    }
  }
}
</script>

<style lang="less" scoped>
.scroll_c_wrap{
  height: 470px;
  overflow: hidden;
}
</style>